@charset "utf-8";
*{
    margin: 0;
    padding: 0;
    margin: 0 auto;
}

img{
    display: inline-block;
}
a{
    text-decoration: none;
}

main{
    width: 100%;
    
    
    >.myorder-max{
        width: 775px;
        height: 100%;
        
        margin-left: 50px;
        padding-top: 1px;
        >.p1{
            font-size: 20px;
            margin-top: 25px;
            margin-bottom: 25px;
        }
        >.sp1,>.sp2,>.sp3{
            display: inline-block;
            font-size: 16px;
            height: 30px;
            box-sizing: border-box;
            &:hover{
                border-bottom: 2px solid red;
                color: red;
                cursor: pointer;
            }
           
        }
        >.sp1{
            
            margin-right: 30px;
        }
        >.sp2{
            color: red;
            margin-left: 5px;
            margin-right: 30px;
        }
        >.sp3{
            margin-left: 30px;
        }
        
        >.allorder{
            margin-top: 30px;
            >.table{
                width: 775px;
                table-layout:fixed;
                word-break: break-all;
                border: 1px solid #E7E7E7;
                tr{
                    
                    &:nth-child(1){
                        height: 60px;
                        background: #F8F8F8;
                        text-align: center;
                        
                        td{ 
                            font-size: 13px;
                            color: #99999A;
                            border-bottom: 1px solid #E7E7E7;
                        }
                                    }
                                    &:nth-child(2){
                                        height: 42px;
                                        td{
                                            border-bottom: 1px solid #E7E7E7;
                                            img{
                                                width: 20px;
                                                height: 17px;
                                                margin-left: 85px;
                                                position: relative;
                                                top: 3px;
                                                cursor: pointer;
                                            }
                                            span{
                                            font-size: 13px;
                                                         }
                                                         >.table-span1{
                                                             margin-left: 18px;
                                                         }
                                                         >.table-span2{
                                                             margin-left: 20px;
                                                         }
                                                         >.table-span3{
                                                             margin-left: 5px;
                                                         }
                                             
                                        }
                                       
                                    }
                                    &:nth-child(3){
                                        height: 73px;
                                        td{
                                            height:73px ;
                                            img{
                                                display: inline-block;
                                                margin-left: 25px;
                                                float: left;
                                                cursor: pointer;
                                            }
                                            span{
                                                position: relative;
                                                top: -10px;
                                            }
                                            button{
                                                width: 75px;
                                                height: 27px;
                                                background: red;
                                                border-radius: 20px;
                                                border: none;
                                                outline: none;
                                                cursor: pointer;
                                                
                                            }
                                            a{
                                               position: relative;
                                               top: 5px;
                                            }
                                            &:first-of-type{
                                               span{
                                                font-size: 13px;
                                                margin-left: 30px;
                                                display: inline-block;
                                               float: left;
                                               width: 160px;
                                               line-height: 20px;
                                               position: relative;
                                               top: -10px;
                                               color: #878787;
                                               
                                            }
                                            p{
                                                  font-size: 13px;
                                                  color: #878787;
                                                  float: left;
                                                   margin-left: 30px;
                                                   margin-top: 20px;
                                            } 
                                            }
                                            
                                        }
                                    }
                                    
                }
            }
             >.table2{
                width: 780px;
                margin-top: 20px;
            
                border: 1px solid #E7E7E7;
                tr{
                    
                   
                                    &:nth-child(1){
                                        height: 42px;
                                        td{
                                            border-bottom: 1px solid #E7E7E7;
                                            img{
                                                width: 20px;
                                                height: 17px;
                                                margin-left: 85px;
                                                position: relative;
                                                top: 3px;
                                                cursor: pointer;
                                            }
                                            span{
                                            font-size: 13px;
                                                         }
                                                         >.table-span1{
                                                             margin-left: 18px;
                                                         }
                                                         >.table-span2{
                                                             margin-left: 20px;
                                                         }
                                                         >.table-span3{
                                                             margin-left: 5px;
                                                         }
                                             
                                        }
                                       
                                    }
                                    &:nth-child(2){
                                        height: 73px;
                                        td{
                                            height:73px ;
                                            img{
                                                display: inline-block;
                                                margin-left: 25px;
                                                float: left;
                                                cursor: pointer;
                                            }
                                            span{
                                                position: relative;
                                                top: -10px;
                                            }
                                            button{
                                                width: 75px;
                                                height: 27px;
                                                background: red;
                                                border-radius: 20px;
                                                border: none;
                                                outline: none;
                                                cursor: pointer;
                                                
                                            }
                                            a{
                                               position: relative;
                                               top: 5px;
                                            }
                                            &:first-of-type{
                                               span{
                                                font-size: 13px;
                                                margin-left: 30px;
                                                display: inline-block;
                                               float: left;
                                               width: 160px;
                                               line-height: 20px;
                                               position: relative;
                                               top: -10px;
                                               color: #878787;
                                               
                                            }
                                            p{
                                                  font-size: 13px;
                                                  color: #878787;
                                                  float: left;
                                                   margin-left: 30px;
                                                   margin-top: 20px;
                                            } 
                                            }
                                            
                                        }
                                    }
                                    
                }
            }
        }
    }
}
